<%@page isELIgnored="false" pageEncoding="UTF-8" contentType="text/html; UTF-8" %>
adsas


<!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
<div id="main" style="width: 600px;height:400px;"></div>
<div id="province" style="width: 1200px;height:400px;"></div>
<div id="month" style="width: 600px;height:400px;"></div>

<script type="text/javascript">

    $.ajax({
        url:"${pageContext.request.contextPath}/getSexData",
        type:"post",
        success:function (data) {
            buildechart(data);

        }
    })
    function buildechart(data) {
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'))
        var category = new Array();
        var count = new Array();
        for (var i=0;i<data.length;i++){
            category[i]=data[i].category;
            count[i]=data[i].count;
        }
        // 指定图表的配置项和数据
        var option = {
            title: {
                text: '用户性别统计'
            },
            tooltip: {},
            legend: {
                data: ['性别']
            },
            xAxis: {
                data: category
            },
            yAxis: {},
            series: [{
                name: '性别',
                type: 'bar',
                data: count
            }]
        };// 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    }



    $.ajax({
        url:"${pageContext.request.contextPath}/getProvinceData",
        type:"post",
        success:function (data) {
            buildprovinceechart(data);

        }
    })
    function buildprovinceechart(data) {
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('province'))
        var category = new Array();
        var count = new Array();
        for (var i=0;i<data.length;i++){
            category[i]=data[i].name;
            count[i]=data[i].value;
        }
        // 指定图表的配置项和数据
        var option = {
            title: {
                text: '用户省份统计'
            },
            tooltip: {},
            legend: {
                data: ['省份']
            },
            xAxis: {
                data: category
            },
            yAxis: {},
            series: [{
                name: '省份',
                type: 'bar',
                data: count
            }]
        };// 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    }

</script>
